import React, { Component } from 'react';
import moment from 'moment';
import DescriptionList from '@/components/DescriptionList';

const { Description } = DescriptionList;
class BaseInfor extends Component {
  componentDidMount() {}

  render() {
    const {
      data: { remarklist },
    } = this.props;

    return (
      <div>
        <h3>返款信息</h3>

        <h3>办理备注</h3>

        {remarklist &&
          remarklist.length &&
          remarklist.map(item => (
            <div key={item.operTime}>
              <DescriptionList style={{ marginBottom: 50, paddingLeft: '5%' }}>
                <Description>
                  <span style={{ marginRight: 10 }}>
                    {moment(item.operTime).format('YYYY-MM-DD: hh:mm')}
                  </span>
                  <span style={{ marginRight: 10 }}>{item.operName}</span>
                  <span>{item.content}</span>
                </Description>
              </DescriptionList>
            </div>
          ))}
      </div>
    );
  }
}

export default BaseInfor;
